<template>
  <section class="banner-one" id="banner">
    <span class="banner-one__shape-1"></span>
    <span class="banner-one__shape-2"></span>
    <span class="banner-one__shape-3"></span>
    <span class="banner-one__shape-4"></span>
    <div class="container">
      <div class="banner-one__moc">
        <img src="/assets/images/mocs/banner-moc-1-1.png" alt="Awesome Image" />
      </div><!-- /.banner-one__moc -->
      <div class="row">
        <div class="col-xl-6 col-lg-8">
          <div class="banner-one__content">

            <h3 class="banner-one__title">西南财经大学天府学院<span> 人工智能</span> 创新班.</h3><!-- /.banner-one__title -->
            <p class="banner-one__text">{{profile}}</p>
            <!-- /.banner-one__text -->
<!--            <a  class="banner-one__btn thm-btn "><span>Get Started</span></a>&lt;!&ndash; /.thm-btn &ndash;&gt;-->
          </div><!-- /.banner-one__content -->
        </div><!-- /.col-lg-6 -->
      </div><!-- /.row -->
    </div><!-- /.container -->
  </section>
</template>

<script>
import apis from '../apis/apis';

    export default {
      name: "Banner",
      data(){
        return{
          profile:''
        }
      },
      methods:{
        getValue(){
          apis.getValue("profile").then(res => {
            this.profile = res.value
          })
        }
      }
    }
</script>

<style scoped>

</style>
